<template>
    <div id="mine">
      <div class="information">
  
      </div>
      <div class="card"></div>
      <div class="tools">
        <h2>常用工具</h2>
        <van-grid >
          <van-grid-item icon="location-o" @click="()=> {this.$router.push('/address');}" text="我的地址" />
          <van-grid-item icon="service-o" text="我的客服" />
          <van-grid-item icon="like-o" @click="()=> {this.$router.push('/collect');}" text="店铺关注" />
          <van-grid-item icon="star-o" text="评价有礼" />
        </van-grid>
      </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
  #mine{
    background: #ccc;
  
  }
  #mine .information{
    height: 100px;
    background: #ccc;
  }
  #mine .card{
    width: 96%;
    background: blue;
    margin: 10px auto;
    border-radius: 5px;
    height: 70px;
  }
  #mine .tools{
    background: white;
    width: 96%;
    margin: auto;
  }
  .tools h2{
    margin-left: 10px;
  }
</style>